<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="author" content="PR" />
<meta name="copyright" content="广州炫明信息科技有限公司" />
<meta name="keywords" content="炫明支付代办" />
<meta name="description" content="广州炫明信息科技有限公司，支付代办" />
<title>广州炫明信息科技有限公司</title>
<link rel="stylesheet" media="screen" href="../../css/public.css" />
<link rel="stylesheet" media="screen" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/mobiscroll.min.css" />
<script src="../../js/jquery-1.12.0.min.js"></script>
<script src="../../js/index.js"></script>
<script type="text/javascript" src="../../js/mobiscroll_001.js" ></script>
</head>
<body class="background-e9">
<!--顶部-->
<header class="header">
	<a class="back" href="javascript:history.go(-1);" title="返回上一页"></a>
	<h1>代办微信支付</h1>
</header>
<!--主体-->
<article class="mine-contains basicinfo">
	<section class="process">
		<ul class="process-ul clearfix">
			<li class="step1 on">
				<span><em>基本信息</em></span>
			</li>
			<li class="step2 on">
				<i></i><span><em>商户信息</em></span>
			</li>
			<li class="step3">
				<i></i><span><em>结算账户</em></span>
			</li>
			<li class="step4">
				<i></i><span><em>确认提交</em></span>
			</li>
		</ul>
	</section>
	<section class="data-cont contact-data">
		<h2>商户信息</h2>
		<ul class="data-list">
			<li class="flex-box flex-center">
				<span>商户名称</span><input class="flex-item-1" type="text" placeholder="请输入内容"/>
			</li>
			<li class="flex-box flex-center">
				<span>注册地址</span><input class="flex-item-1" type="text" placeholder="注册地址需与登记地址一致"/>
			</li>
			<li class="flex-box flex-center">
				<span>营业执照注册号</span><input class="flex-item-1" type="number" placeholder="请输入内容"/>
			</li>
			<li class="flex-box flex-center">
				<span>经营范围</span><input class="flex-item-1" type="text" placeholder="请输入内容"/>
			</li>
			<li class="flex-box">
				<span>营业期限</span>
				<div class="flex-item-1 clearfix">
					<ul class="dateselect clearfix">
						<li><input type="text" class="appDate" placeholder="请选择" value="1980-12-12"></li>
						<li>至</li>
						<li><input type="text" class="appDate" placeholder="请选择" value="1980-12-12"></li>
					</ul>
					<ul class="radio-list clearfix">
						<li>
							<div class="radio"><label><i class="radio-btn"></i><span>长期</span></label></div>
						</li>
					</ul>	
				</div>
			</li>
			<li class="flex-box">
				<span>营业执照照片</span>
				<div class="flex-item-1 img-list clearfix">
					<div class="upload-img flex-box flex-vercenter"><img/><span>上传图片</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span class="upload-eg">示例</span></div>
				</div>
			</li>
		</ul>
	</section>
	<section class="data-cont app-data">
		<h2>组织机构代码信息</h2>
		<ul class="data-list">
			<li class="flex-box flex-center">
				<span>统一信用代码</span><input class="flex-item-1" type="text" placeholder="请输入内容"/>
			</li>
			<li class="flex-box">
				<span>营业期限</span>
				<div class="flex-item-1 clearfix">
					<ul class="dateselect clearfix">
						<li><input type="text" class="appDate" placeholder="请选择" value="1980-12-12"></li>
						<li>至</li>
						<li><input type="text" class="appDate" placeholder="请选择" value="1980-12-12"></li>
					</ul>
					<ul class="radio-list clearfix">
						<li>
							<div class="radio"><label><i class="radio-btn"></i><span>长期</span></label></div>
						</li>
					</ul>	
				</div>
			</li>
			<li class="flex-box">
				<span>营业执照照片</span>
				<div class="flex-item-1 img-list clearfix">
					<div class="upload-img flex-box flex-vercenter"><img/><span>上传图片</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span class="upload-eg">示例</span></div>
				</div>
			</li>
		</ul>
	</section>
	<section class="data-cont corporate-data">
		<h2>企业法人/经办人</h2>
		<ul class="data-list">
			<li class="flex-box flex-center">
				<span>证件持有人类型</span>
				<div class="flex-item-1 clearfix">
					<ul class="radio-list clearfix">
						<li>
							<div class="radio"><label><i class="radio-btn"></i><span>个人</span></label></div>
						</li>
						<li>
							<div class="radio"><label><i class="radio-btn"></i><span>企业</span></label></div>
						</li>
					</ul>	
				</div>
			</li>
			<li class="flex-box flex-center">
				<span>证件持有人姓名</span><input class="flex-item-1" type="text" placeholder="请输入内容"/>
			</li>
			<li class="flex-box flex-center">
				<span>证件类型</span>
				<span class="select flex-item-1">
					<i class="select-cont">请选择</i>
					<ul class="select-list">
						<li class="select-opt">营业执照</li>
						<li class="select-opt">营业执照</li>
						<li class="select-opt">营业执照</li>
					</ul>
				</span>
			</li>
			<li class="flex-box">
				<span>证件照</span>
				<div class="img-list egimg-list clearfix" >
					<div class="upload-img flex-box flex-vercenter"><img/><span>上传图片</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span class="upload-eg">示例</span></div>
					
					<div class="upload-img flex-box flex-vercenter"><img/><span>上传图片</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span class="upload-eg">示例</span></div>
					
					<div class="upload-img flex-box flex-vercenter"><img/><span>上传图片</span></div>
					<div class="upload-img flex-box flex-vercenter"><img/><span class="upload-eg">示例</span></div>
				</div>
			</li>
			<li class="flex-box">
				<span>营业期限</span>
				<div class="flex-item-1 clearfix">
					<ul class="dateselect clearfix">
						<li><input type="text" class="appDate" placeholder="请选择" value="1980-12-12"></li>
						<li>至</li>
						<li><input type="text" class="appDate" placeholder="请选择" value="1980-12-12"></li>
					</ul>
					<ul class="radio-list clearfix">
						<li>
							<div class="radio"><label><i class="radio-btn"></i><span>长期</span></label></div>
						</li>
					</ul>	
				</div>
			</li>
			<li class="flex-box flex-center">
				<span>证件号码</span><input class="flex-item-1" type="number" placeholder="请输入内容"/>
			</li>
		</ul>
	</section>
	<footer class="footter flex-box flex-center">
		<div class="flex-item-1">
			<input type="button" class="laststep" value="上一步"/>
		</div>
		<div class="flex-item-1">
			<input type="button" class="nextstep" value="下一步"/>
		</div>
	</footer>
</article>
<script>
$(function() {
	//上一步
	$(".laststep").click(function(){
		window.location.href = "/xuanmingpayagency/html/wechat/we-basicinfo.html";
	});
	//下一步
	$(".nextstep").click(function(){
		window.location.href = "/xuanmingpayagency/html/wechat/we-account.html";
	});
			/*选择日期---插件*/
    $(function () {
		var currYear = (new Date()).getFullYear();	
		var opt={};
		opt.date = {preset : 'date'};
		opt.datetime = {preset : 'datetime'};
		opt.time = {preset : 'time'};
		opt.default = {
			theme: 'android-ics light', //皮肤样式
	        display: 'modal', //显示方式 
	        mode: 'scroller', //日期选择模式
			dateFormat: 'yy-mm-dd',
			lang: 'zh',
			showNow: true,
			nowText: "今天",
	        startYear: currYear - 20, //开始年份
	        endYear: currYear + 50//结束年份
		};

	  	$(".appDate").mobiscroll($.extend(opt['date'], opt['default']));
//	  	var optDateTime = $.extend(opt['datetime'], opt['default']);
//	  	var optTime = $.extend(opt['time'], opt['default']);
//	    $("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
//	    $("#appTime").mobiscroll(optTime).time(optTime);
    });
});
</script>
</body>
</html>